import React from 'react'
import NavLayout from '../_Layout/NavLayout'
import CollectionBanner from '../../widgets/Banner/CollectionBanner'
import ImgWaterfall from '../../widgets/Waterfall/ImgWaterfall'
import NormalFooter from '../../widgets/Footer/NormalFooter'
import { useRecoilState } from 'recoil'
import { CollectionMock } from './mock'

export default function Collection(props: any) {
    const [collection, setCollection] = useRecoilState(CollectionMock)

    return (
        <NavLayout>
            <CollectionBanner collectionId={props.params.collectionId} />
            <ImgWaterfall count={3} type={'collection'} />
            <NormalFooter />
        </NavLayout>
    )
}
